<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>我的订单</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		.fl{
			float: left;
		}
		.fr{
			float: right;
		}
		.aui-card-box-user{
			/*margin-right:0;*/
			/*width: 1.8rem;*/ 
		}
		.aui-card-box-user img{
			/*width: 60%;*/
			/*display:inline;*/
		}
		.tab-panel .tab-panel-item{padding: 0;}
		.aui-list-product-fl-item{
			padding: 7px 10px;
			background-color: #f8f8f8;
			/*background-color: white;*/
		}
		.aui-list-product-fl-text{
			background-color: initial;
		}
		.aui-list-buy-info{
			text-align: right;
			border-bottom: 1px solid #dedcdc;
			height: 46px;
			line-height: 46px;
			padding: 0 10px;
		}
		.aui-list-buy-info p,.aui-list-buy-info h1{
			display: inline;
		}
		.aui-list-buy-info h1{
			font-size: 14px;
		}
		/*课程起止时间*/
		.crouse_time{
			margin-top: 0.6rem;
			color: #999;
		}
		.aui-list-product-fl-mes{
			line-height: 24px;
		}
		.aui-list-product-fl-text h3{
			margin-bottom: 0;
		}
	</style>
</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">我的订单</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"  style="min-width:0">
		</a>
	</header>

	<section class="aui-myOrder-content">
		<div class="m-tab demo-small-pitch" data-ydui-tab>
			<div class="aui-myOrder-fix">
				<ul class="tab-nav">
					<li class="tab-nav-item"><a href="javascript:;">全部</a></li>
					<li class="tab-nav-item"><a href="javascript:;">待付款</a></li>
					<li class="tab-nav-item"><a href="javascript:;">已付款</a></li>
					<li class="tab-nav-item"><a href="javascript:;">退款订单</a></li>
				</ul>
			</div>
			
			<div class="tab-panel">
				<div class="tab-panel-item">
					<ul>
					<script  type="text/html" id="couponTempl">
					{{each}}
						<li>
							<div class="aui-list-title-info">
								<a href="order_detil_nopay.html?id={{$value.id}}" >
									<div class="aui-card-box clearfix">
										<div class="aui-card-box-user">
											<img src="themes/img/icon/kwfd.png" alt="">
										</div>
										<div class="aui-card-box-name">
											<h2 class="aui-card-box-name">龟兔双师教育</h2>
											<p>{{$value.orderState | orderStateFormat}}</p>
										</div>
										<div class="aui-card-box-time">{{$value.orderDate}}</div>
									</div>
								</a>
								
								
								{{if $value.orderItemsList.length > 0}}
									{{each $value.orderItemsList}}
									<a href="ui-product.html?id={{$value.courseId}}" class="aui-list-product-fl-item">
										<div class="aui-list-product-fl-img">
											<img src="{{$value.picture1 | pictureFormat}}" onerror="this.src='themes/img/pd/course_defult.jpg'" alt="">
										</div>
										<div class="aui-list-product-fl-text">
											<h3 class="aui-list-product-fl-title">{{$value.courseName}}</h3>
											<div class="aui-list-product-fl-mes">
												<div>
													<span class="aui-list-product-item-price">
														<em>¥</em>
														{{$value.courseAmount | orderAmountFormat}}
													</span>
												</div>
												<div class="aui-btn-purchase">
													讲师：{{$value.teacherMain}}
												</div>
											</div>
											<div class="aui-list-product-fl-mes">
												课次：{{$value.purchaseTimes}}
											</div>
										</div>
										
									</a>
									{{/each}}
								{{else}}
									<div style="text-align: center;">无课程信息</div>
								{{/if}}
								
							</div>
							<div class="aui-list-buy-info">
								<p>共计{{$value.orderItemsList.length}}门课程 </p>
								<h1>实付款：￥{{$value.actualOrderAmount | orderAmountFormat}}</h1>
							</div>
							<div class="aui-list-title-btn">
								{{if $value.orderState === "1"}}
									<a href="#" onclick="deleteOrder('{{$value.orderNum}}')">取消订单</a>
									<a href="order_detil_nopay.html?id={{$value.id}}" class="red-color">立即付款</a>
								{{else if $value.orderState === "2"}}
									<a href="refound.html?orderId={{$value.id}}" class="">申请退款</a>
									{{if $value.showInvoiceApply}}									
									<a href="invoice_choose.html?orderNum={{$value.orderNum}}" class="red-color">申请发票</a>
									{{/if}}
								{{else if $value.orderState === "5"}}
																								
								{{/if}}
							</div>
							<div class="aui-dri"></div>
						</li>
						{{/each}}
					</script>
						
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
					
					</ul>
				</div>
				
			</div>
		</div>
	</section>

	
	<script type="text/javascript" src="themes/js/jquery.min.js"></script>
	<script type="text/javascript" src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>
	<script type="text/javascript" src="themes/js/Feng.js"></script>
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>
	<script type="text/javascript" src="themes/plugin/lazyload/jquery.lazyload.js"></script>
	<script src="themes/js/common.js"></script>
	<script type="text/javascript" src="static/my/my_order.js"></script>	

	

</body>
</html>